<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/UserEvaluation.css"/>
		<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
	</head>
	<body>
		<!--用户评价-->
		<div class="UserEvaluation_box">
				<div class="UserEvaluation_box_nav">用户评价</div>
				<div class="UserEvaluation_box_cent">
					<div class="cent_1">用户王**评价:</div>
					<div class="cent_2">
						<div>
							<ul>
								<li><p>商家服务态度:</p><ul class="Comments_1_lu">
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>								
						</ul></li>
								<li><p>商家处理速度:</p><ul class="Comments_1_lu">
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>								
						</ul></li>
								<li><p>商家商品质量:</p><ul class="Comments_1_lu">
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>
								<li><img src="img/icon_.png"></li>								
						</ul></li>								
							</ul>
						</div>
						<div>
							<p>其它评价：</p>
							<p>该店装修很漂亮该店装修很漂亮该店装修很漂亮该店装修很漂亮该店装修很漂亮该店装修很漂亮该店装修很漂亮该店装修很漂亮该店装修很漂亮</p>
						</div>
					</div>
				</div>
		</div>
		<script type="text/javascript">

			window.onload=function(){
				var list_data=[5,3,4];
				var imgSrc = 'img/icon_.png'; //没有填色的星星
				var imgSrc_2 = 'img/icon_s.png'; //打分后有颜色的星星
				$('.Comments_1_lu').each(function(index,value){
					var k = list_data[index]-1;
					$('.Comments_1_lu').eq(index).children('li').eq(k).children('img').attr('src',imgSrc_2);
					$('.Comments_1_lu').eq(index).children('li').eq(k).prevAll().children('img').attr('src',imgSrc_2);
				})
				
			}
		</script>

	</body>
</html>
